.sheet-panel {
  border: 1px solid #278218;
  width: 1200px;
  min-height: 300px;
  margin: 0 auto;
  padding: 10px;
  color: #555555;

  h4 {
    font-weight: bold;
    color: #555555;
  }

  .divide {
    border-top: 1px solid #cccccc;
    width: 100%;
    height: 1px;
    margin: 10px 0;
  }

  .content-warp {
    width: 100%;
    padding: 0 10px;
  }

  .item {
    margin-bottom: 5px;

    .label {
      color: #999999;
    }
  }

  .order-details {
    border: 1px solid #D7D7D7;
    text-align: center;
    border-collapse: collapse;

    thead {
      tr {
        line-height: 50px;
        background: #d2f2d4;
        border-bottom: 1px solid #D7D7D7;
      }
    }

    tbody {
      tr {
        border: 1px solid #D7D7D7;

        td {
          padding: 5px;
          .goods-thumb {
            margin-right: 10px;
            max-width: 50px;
            max-height: 50px;
          }

          input {
            &.error {
              background: #ffe1e1;
              border: 1px solid red;
            }
          }
        }
      }
    }
  }

  .logs {
    border: 1px solid #D7D7D7;
    text-align: center;
    border-collapse: collapse;

    thead {
      tr {
        line-height: 30px;
        background: #d7d7d2;
        border-bottom: 1px solid #D7D7D7;
      }
    }

    tbody {
      tr {
        &.odd {
          background: #e8e8e8;
        }
      }

      td {
        border: 1px solid #D7D7D7;
        padding: 5px;
      }
    }
  }
}